/* ======================================================================= */
/* TYPOGRAPHY
/* ======================================================================= */

/* ----- base ----- */

body{
	font: normal normal #{$font_size}/#{$line_height} $general_font_family;
	color: $text_color;
	background: $background_color;
}

/* ----- links ----- */

a{
	text-decoration: none;
	color: $primary_color;
	
	&, &:before, &:after{
		@include transition($transition);
	}

	&:hover{
		text-decoration: none;
	}
}

/* ----- heading ----- */

h1, h2, h3, h4, h5, h6{
	margin: 0 0 0.5em;
	font-family: $primary_font_family;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	color: $heading_color;

	&.jumbo{
		margin: 0 0 0.25em;
	}

	&:only-child,
	&.jumbo:only-child{
		margin: 0;
	}

	* + &,
	* + &.jumbo{
		margin-top: 0.5em;
	}

	&.narrow, small{
		font-weight: 300;
	}

	small{
		font-size: 75%;
		color: #999;
	}

	small.block{
		display: block;
		margin-top: 0.25em;
	}
}

h1{ font-size: 2.77em; }
h2{ font-size: 2.3em; }
h3{ font-size: 1.84em; }
h4{ font-size: 1.53em; }
h5{ font-size: 1.38em; }
h6{ font-size: 1.23em; }

h1.jumbo{
	font-size: 3.7em;
}